/*头部开始*/
header{
	width:100%;
	height:65px;
	background-color:#E9E8EE;
	position:fixed;
	top:0;
	left:0;
	z-index: 99;
	box-shadow: 0 0 5px #ddd;
}
header .top-nav{
	max-width:1200px;
	/*border:1px solid #000000;*/
	width:90%;
	height:100%;
	margin:0 auto;
}
header .top-nav .logo{
	float:left;
	width:132px;
	height:37px;
	margin:14px;
}
header .top-nav .nav{
	float: right;
}
header .top-nav .nav .nav-mobile{
	display:none;
}
header .top-nav .nav li{
	float:left;
	
	
}
header .top-nav .nav li a{
	display: inline-block;
	font-size:16px;
	line-height: 16px;
	padding:24.5px 40px;  
}
.nav a.on{
	color:#ADC38A;
}
.nav a:hover{
	color:#ADC38A;
}
/*头部结束*/

/*0-1200 这样如果后面还有更前面可以公用的属性，可以使用，写成900-1200，后面就不能用1200部分的属性了*/
@media screen and (max-width:1200px){
	header .top-nav .nav{
	   float: left;
    }
    header .top-nav .nav-pc li a{
    	padding:24.5px 20px;
    }
}
/*0-900*/
@media screen and (max-width:900px){
	header{
		height:100px;
		background-color:white;
	}
	header .top-nav .nav-pc{
		display:none;
	}
	header .top-nav .nav{
		float:none;
	}
	header .top-nav .nav-mobile{
		display:block !important;
		
		width:500px;
		height:30px;
		margin:0 auto;
	}
	header .top-nav .logo{
		float:none;
		margin:15px auto 0;
	}
	header .top-nav .nav-mobile li a,header .top-nav .nav-mobile li span{
		display:inline-block;
		padding:10px 35px;
		font-size:14px;
	}
	header .top-nav .nav-mobile li span{
		display:inline-block;
		padding:10px 35px;
		font-size:14px;
		cursor:pointer;
	}
	header .top-nav .nav-mobile li span>img{
		width:14px;
		height:14px;
	}
	header .top-nav .nav-mobile li:nth-of-type(4){
		position:relative;
	}
	header .top-nav .nav-mobile .more{
		position:absolute;
		top:40px;
		left:5px;
		width:100px;
		border:1px solid #333;
		border-radius: 5px;
		text-align:center;
		background-color:white;
		display:none;
	}
	header .top-nav .nav-mobile .more li{
		float:none;
		font-size:14px;
		padding:8.5px 0;
		cursor:pointer;
	}	
}
@media screen and (max-width:600px){
	header .top-nav .nav-mobile {
		width:350px;
	}
	header .top-nav .nav-mobile li a,header .top-nav .nav-mobile li span{
		padding:14px 15px;
	}
}
